@import "../_function";
@import "../_variables";
@import "../_mixin";

.detail-evaluation {
	width: 100%;
	.detail-evaluation-item {
		width: 100%;
		display: flex;
		box-sizing: border-box;
		padding: pr(40) pr(80) pr(20) pr(40);
		border-bottom: 1px dashed $borderColor;
		.detail-evaluation-item-avatar {
			min-width: pr(160);
			width: pr(160);
			height: pr(160);
			display: flex;
			overflow: hidden;
			line-height: pr(160);
			text-align: center;
			border-radius: 50%;
			border: 1px solid #999;
			@include default-avatar;
		}
		.detail-evaluation-item-detail {
			width: 80%;
			margin-left: pr(30);
			box-sizing: border-box;
			.detail-evaluation-item-header {
				display: flex;
				align-items: center;
				margin-bottom: pr(35);
				.detail-evaluation-item-header-username {
					font-size: pr(35);
				}
				.detail-evaluation-item-header-str {
					font-size: pr(35);
					color: $userNameColor;
					background: $formColor;
					padding: pr(10) pr(14);
					margin-left: pr(50);
					border-radius: 5px;
				}
			}
			.detail-evaluation-item-content {
				font-size: pr(35);
				@include text-ellipsis;
			}
			.detail-evaluation-item-footer {
				margin-top: pr(40);
				color: $describeColor;
				font-size: pr(27);
				span + span {
					margin-left: pr(50);
				}
			}
		}
	}
}
